<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>个人注册</title>
    <link rel="icon" href="./favicon.ico" mce_href="./favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="../CSS/register.css">
    <link rel="stylesheet" href="../CSS/common.css">
    <link rel="stylesheet" href="../CSS/normal.css">
    <link rel="stylesheet" href="../font/iconfont.css">
    <script src="../node_modules/_jquery@3.6.0@jquery/dist/jquery.js"></script>
    <script src="../node_modules/_layui-layer@1.0.9@layui-layer/dist/layer.js"></script>
    <script src="../JS/cookie.js"></script>
    <script src="../JS/register.js"></script>
</head>

<body>
    <div class="roght">
        <img src="../image/qwe.gif" alt="">
    </div>
    <div class="header">
        <div class="header_nei">
            <a href="./index.html" class="logo">
                <img src="../image/logo.png" alt="">
            </a>
            <div class="logo_title">欢迎注册</div>
            <div class="have_account">已有账号？</div>
            <a class="have_accoun" href="./login.html">请登陆></a>
        </div>
    </div>
    <div class="wrap">
        <div class="wrap_container">
            <div class="pro">
                <div class="pro_step">
                    <span class="step_index active">1</span>
                    <p class=".step_despe act">验证手机号</p>
                </div>
                <img class="s" src="../image/shengluehao.png" alt="">

               
                <div class="pro_step2">
                    <span class="step_index">2</span>
                    <p class="step_despe">填写账号信息</p>
                </div>
                <img class="s" src="../image/shengluehao.png" alt="">
                <div class="pro_step3">
                    <span class="step_index">3</span>
                    <p class="step_despe">注册成功</p>
                </div>
            </div>
             <!-- 第一步框 -->
        <div class="pro1-content ac">
            <div class="pro1-first">
                <div class="lef">
                    中国 0086
                    <span class="iconfont">&#xe619;</span>
                </div>
                <div class="rig">
                    <input class="text" type="text" placeholder="建议使用常用手机号" maxlength="11">
                </div>
            </div>
            <div class="pro1-second">
                <form action="">
                    <input class="tijiao" type="button" value="点击按钮进行验证">
                </form>
            </div>
            <div class="pro1-third">下一步
            </div>
        </div>
        <!-- 第二步框 -->
        <div class="pro2-content">
            <div class="form-item">
            <label>用户名</label>
            <input type="text"  name="regName" class="field" autocomplete="off" maxlength="20" placeholder="您的账户名和登录名">
           </div>
           <div class="input-tip">
               <span></span>
           </div>
           <div class="form-item">
            <label>设置密码</label>
            <input type="password"  name="pwd" class="field" autocomplete="off" maxlength="20" placeholder="建议使用两种或两种以上字符组合"> 
           </div>
           <div class="input-tip">
               <span></span>
           </div>
           <div class="form-item">
            <label>确认密码</label>
            <input type="password"  name="repwd" class="field" autocomplete="off" maxlength="20" placeholder="请再次输入密码"> 
           </div>
           <div class="input-tip">
               <span></span>
           </div>
           <div class="form-item">
            <label>邮箱验证</label>
            <input type="email"  name="email" class="field" autocomplete="off" maxlength="20" placeholder="请输入邮箱"> 
           </div>
           <div class="input-tip">
               <span></span>
           </div>
           <div class="form-item" style="width:300px;border-right:none;">
            <label>验证码</label>
            <input type="text"  name="yzm" class="input-val" autocomplete="off" maxlength="20" placeholder="验证码不区分大小写" style="width:160px;">
            
           </div>
           <canvas id="canvas" width="100" height="43"></canvas>
           <div class="input-tip">
               <span></span>
           </div>
           <div class="pro2-third">下一步
        </div>
        </div>

        <!-- 第三步---注册成功 -->
        <div class="pro3-content">
           <!--  -->
        </div>
        
            <div class="pro5">
                <img src="../image/rentou.gif" alt="">&nbsp;
                <a class="d" href="">企业用户注册</a>
            </div>
            <div class="pro6">
                <img src="../image/hulianwang.gif" alt="">&nbsp;&nbsp;&nbsp;
                <a class="d" href="">海外用户注册</a>
            </div>
        </div>
    </div>

    <div class="footer">
        <a class="foot_text" href="">关于我们</a>
        <span>丨</span>
        <a class="foot_text" href="">联系我们</a>
        <span>丨</span>
        <a class="foot_text" href="">人才招聘</a>
        <span>丨</span>
        <a class="foot_text" href="">商家入驻</a>
        <span>丨</span>
        <a class="foot_text" href="">广告服务</a>
        <span>丨</span>
        <a class="foot_text" href="">手机京东</a>
        <span>丨</span>
        <a class="foot_text" href="">友情链接</a>
        <span>丨</span>
        <a class="foot_text" href="">销售联盟</a>
        <span>丨</span>
        <a class="foot_text" href="">京东社区</a>
        <span>丨</span>
        <a class="foot_text" href="">京东公益</a>
        <span>丨</span>
        <a class="foot_text" href="">English Site</a>
        <div class="qq">
            Copyright©2004-2019 京东JD.com 版权所有
        </div>
    </div>

</body>

</html>